﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<title>GrayMatter - Portfolio</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
	<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" /><![endif]-->

	<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css" /><![endif]-->
</head>

<body>
<div id="titleheader_bg">
<a class="logo" href="index.html" title="Home"></a>
</div>

<div id="navigation">
		<ul>
			<li><a href="index.html" title="Home">Home</a></li>
			<li><a href="aboutus.htm" title="About Us">About Us</a></li>
			<li><a href="portfolio.htm" title="Portfolio">Portfolio</a></li>
			<li><a href="services.htm" title="Services">Services</a></li>
			<li><a href="contact.htm" title="Contact Us">Contact Us</a></li>
		</ul>
		<div class="search">
			<form name="search" method="post" action="">

				<input id="s" type="text" name="search" />
				<input type="submit" id="search_btn" value="Search"/>
			</form>
		</div>
	</div>

<div id="container">
	<div id="content_container">

		<div id="content" style="width:965px;">
			<h1>Our portfolio</h1>
			<hr />
				<div class="folioGallery">
					<div class="image_holder">
					<a href="../images/graphic-design_large.jpg" title="FreelanceSwitch - Freelance Community"><img src="images/graphic-design_large.jpg"alt="Graphic Design" /></a></div>
				<div class="discription">
				<h3>Lorem Ipsum</h3>
				<ul class="details">
				<li>Photoshop</li>
				<li>Topography</li>
				<li>Elegant Design</li>
				</ul>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
				</div>
				
				<div class="folioGallery">
					<div class="image_holder">
					<a href="../images/graphic.jpg" title="FreelanceSwitch - Freelance Community"><img src="images/graphic.jpg"alt="Graphic Design" /></a></div>
				<div class="discription">
				<h3>Lorem Ipsum</h3>
				<ul class="details">
				<li>Photoshop</li>
				<li>Topography</li>
				<li>Elegant Design</li>
				</ul>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
				</div>
                <div class="folioGallery">
					<div class="image_holder">
					<a href="../images/design.jpg" title="FreelanceSwitch - Freelance Community"><img src="images/design.jpg"alt="Graphic Design" /></a></div>
				<div class="discription">
				<h3>Lorem Ipsum</h3>
				<ul class="details">
				<li>Design</li>
				<li>Inspiration</li>
				</ul>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p></div>
				</div>
		</div>
		<div class="spacer"></div>
	</div>
</div>

<div id="footer">
	&copy; Copyright 2009 GrayMatter - Magazine &amp; Portfolio.  All Rights Reserved.
</div>
</body>

</html>
